<template>
	<div class="user-center">
		
		<view class="bg-color-white clear pd-lr20 pd-tb20 user-center-list-item user-wechat-info">
			<view class="fl w90 h90 overflow-hidden pos-relative member-avatar">
				<image class="w90 h90" src="/static/image/mem/2.jpg" mode="aspectFit"></image>
			</view>
			
			<view class="h90 mg-l110">
				<view class="h100p pos-relative">
					<view class="color-gray-6 f28 h50 lh50">泷</view>
					
					<span class="color-gray-5 f36 w40 h40 lh40 pos-abs pos-c-r r20 iconfont icon-right"></span>
				</view>
			
			</view>
		
		</view>
		
		<!-- 编辑资料 begin -->
		<view class="bg-color-white clear pd-lr20 user-center-list-item edit-user-profile">
			<view class="f0 h90 lh90 pos-relative">
				<span class="color-gray-6 f28">编辑资料</span>
				
				<span class="color-gray-5 f36 w40 h40 lh40 pos-abs pos-c-r r20 iconfont icon-right"></span>
			</view>
		</view>
		<!-- 编辑资料 end -->
		
		<!-- 邀请朋友列表 begin -->
		<view class="bg-color-white clear pd-lr20 user-center-list-item edit-user-profile">
			<view class="f0 h90 lh90 pos-relative">
				<span class="color-gray-6 f28">我邀请的朋友</span>
				
				<span class="color-gray-5 f36 w40 h40 lh40 pos-abs pos-c-r r20 iconfont icon-right"></span>
			</view>
		</view>
		<!-- 邀请朋友列表 end -->
		
		<!-- 访客列表 begin -->
		<view class="bg-color-white clear pd-lr20 user-center-list-item edit-user-profile">
			<view @click="openUserVisitAlarm('return-visit')" class="mouse-pointer f0 h90 lh90 pos-relative">
				<span  class="color-gray-6 f28">谁看过我</span>
				
				<span class="color-gray-5 f36 w40 h40 lh40 pos-abs pos-c-r r20 iconfont icon-right"></span>
			</view>
		</view>
		<!-- 访客列表 end -->
		
		<!-- 访问列表 begin -->
		<view class="bg-color-white clear pd-lr20 user-center-list-item edit-user-profile">
			<view @click="openUserVisitAlarm('visit')" class="mouse-pointer f0 h90 lh90 pos-relative">
				<span class="color-gray-6 f28">我看过谁</span>
				
				<span class="color-gray-5 f36 w40 h40 lh40 pos-abs pos-c-r r20 iconfont icon-right"></span>
			</view>
		</view>
		<!-- 访问列表 end -->
		
		<!-- 设置 begin -->
		<view class="bg-color-white clear pd-lr20 user-center-list-item edit-user-profile">
			<view class="f0 h90 lh90 pos-relative">
				<span class="color-gray-6 f28">设置</span>
				
				<span class="color-gray-5 f36 w40 h40 lh40 pos-abs pos-c-r r20 iconfont icon-right"></span>
			</view>
		</view>
		<!-- 设置 end -->
		
		
		<!-- 访客、访问列表弹窗 begin -->
		<userVisitRecordAlarm ref="userVisit"></userVisitRecordAlarm>
		<!-- 访客、访问列表弹窗 end -->
		
	</div>
</template>

<script>
	import userVisitRecordAlarm from './user-visit-record-alarm'
	export default {
		name: "user-center",
		
		components: {
			userVisitRecordAlarm
		},
		
		methods: {
			openUserVisitAlarm(type) {
				this.$refs.userVisit.openAlarmBox(type);
			}
		}
	}
</script>

<style>

</style>
